<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <script src="<?php echo base_url('public_source/javascript/jquery-1.10.2.js') ?>" type="text/javascript"></script>      
        <script src="<?php echo base_url('public_source/javascript/jquery-ui.js');?>" type="text/javascript"></script>
        <link href="<?php echo base_url('public_source/javascript/jquery-ui.css');?>" rel="stylesheet" type="text/css"/>
        <script>
            $(document).ready(function(){
                    $("#jquery_link a").click(function(){
                    
                    var url = $(this).attr("href");
                    $.ajax({
                            type: "POST",
                            url: url,
                            data: "ajax=aaa",
                            async: true,
                            beforeSend: function(){
                                    $("#Comment").html("");
                            },
                            success: function(kq){
                                    $("#Comment").html(kq);
                            }
                    });
                    return false;
                    });		
            });
        </script>
        <style>
            #jquery_link a {text-decoration: none; font-weight: bold}
        </style>
    </head>
        <body>
            <div id="Comment">
                <?php if(count($comment) != 0){ ?>
                    <table cellspacing="10px" style="width: 570px; margin-left: 7px;margin-bottom: 10px; margin-top: 20px">
                        <?php
                            foreach ($comment as $item)
                            {
                                echo "<tr>";
                                echo "<td>"; ?>
                                <div style="border: #666 thin solid; color: #444">
                                <?php echo "<div style='background-color: #EBF3EC; padding: 8px; color: #333'><strong>".$item["username"]."</strong>"." ".$item["fldTime"]."</div>";
                                echo "<div style='padding: 10px; line-height: 2'>".$item["fldNoiDung"]."</div>"; ?>
                                </div>
                                <?php echo "</td>";
                                echo "</tr>";
                            }
                        ?>
                    </table>
                    <div id="jquery_link" align="center" style="margin-bottom: 10px; margin-top: 10px; margin-left: 16px;width:  92%; background-color: #eee; padding: 5px">
                        <?php echo $pagination ?>
                    </div>
                <?php }else{echo "<div style='padding: 10px'>Không có bình luận</div>";} ?>
            </div>
        </body>
</html>